.nav{
	// height: calc(var(--status-bar-height)+ 88rpx);
	// height:  88rpx;
	opacity: .1;
	display: flex;
}

.arrow-right{
	position: absolute;
	right: 25rpx;
}
.cityTop{
	width: 180rpx;
	background: #eac6ae;
	border-radius: 30rpx;
	height: 60rpx;
	text-align: center;
	line-height: 60rpx;
	color: #FFFFFF;
	// opacity: .6;
	position: absolute;
	z-index: 99;
	margin-top: 10rpx;
	margin-left: 25rpx;
}

.swiperTop{
	position: relative;
	width: 100%;
}
.wrap {
	display: flex;
	flex-direction: column;
	height: calc(100vh - var(--window-top));
	width: 100%;
}
.scroll{
	height: 100%;width: 100%; 
}
.mattes{
	background: #FFFFFF;
	border-radius:  30rpx 30rpx 0 0;
	padding: 35rpx 25rpx;
	margin-top: -25rpx;
	position: absolute;
	width: 100%;
	.mattes_box{
		background: #FFFFFF;
		border-radius: 10rpx;
		z-index: 10;
		width: 98%;
		margin: 35rpx auto;
		box-shadow: 0 4px 8px 0 rgba(121, 121, 121, 0.2);
		.mattes_box_fa{
			padding: 35rpx 25rpx;
			
			.mattes_box_tui{
				width: 20rpx;
				height: 20rpx;
				margin-right: 30rpx;
			}
			.mattes_box_fa_input{
				width: 450rpx;
			}
			.mattes_box_fa_left{
				margin-left: 25rpx;
				border-left: 1rpx solid #cccccc;
				padding-left: 25rpx;
				position: absolute;
				right: 35rpx;
			}
		}
		
	}
}
.banner{
		border-radius: 10rpx;
		height: 280rpx;
		width: 100%;
	}
.banner-swiper {
	height: 510rpx;
	image{
		height: 100%;
		width: 100%;
	}
}
.swiper-box{
	flex: 1;
}
.swiper-item{
	// background-color: red;
	height: 100%;
}

.index_tian{
	border: 1rpx solid #CCCCCC;
	border-radius: 4rpx;
	.index_tian-btn{
		width: 150rpx;
		text-align: center;
		line-height: 56rpx;
		height: 56rpx;
		background-color: #e4e4e4;
		color: #666666;
		border-radius: 25rpx;
		font-size: 28rpx;
	}
}
